var flage=0;
$(".upbtn").click(function(e){
    showUpAlert(e)
    var zid = $(this).attr("id");
    zid = zid.substring(2,zid.length);
    $.ajax({type:'POST',url:'/Note_comment/ajax_updown.html?ID='+zid+'&flage='+flage,data:'',success:function(data){
		$("#upn"+zid).html(data);
	}})											  
 });
 
 $(".downbtn").click(function(e){
    showUpAlert(e)
    var zid = $(this).attr("id");
    var xxx=flage;
    if(zid.substring(0,4)=="ddwn")
        xxx=0;
    zid = zid.substring(4,zid.length);
    $.ajax({type:'POST',url:'/Note_comment/NoteOperate.ashx?Operation=notereplydown&ID='+zid+'&flage='+xxx,data:'',success:function(data){
		$("#downn"+zid).html(data);
	}})
 });
 
function showUpAlert(e,leftWidth){
    $("#upAlertShow").show();
    var y=(e.pageY);
    var eventY=e.pageY+40;
    var envetX=e.pageX;
    if(leftWidth){
        envetX+=leftWidth;
        y+=30;
    }
    document.getElementById("upAlertShow").style.left=envetX+"px";
    document.getElementById("upAlertShow").style.top=y+"px";
    var interval=setInterval(function(){
        y-=20;
        document.getElementById("upAlertShow").style.top=y+"px";
        if(leftWidth){
            if(y<=e.pageY-20){
                $("#upAlertShow").hide();
                clearInterval(interval);
            } 
        }else{
            if(y<=e.pageY-80){
                $("#upAlertShow").hide();
                clearInterval(interval);
            }
        }
    },150);
}

function showUpAlertWithControl(id){
    $("#upAlertShow").show();
    var point=getElementPos(id);
    //alert(point.x+"_"+point.y);
    var y=point.y;
    document.getElementById("upAlertShow").style.left=point.x+"px";
    document.getElementById("upAlertShow").style.top=point.y+"px";
    var interval=setInterval(function(){
        y-=20;
        document.getElementById("upAlertShow").style.top=y+"px";
        if(y<=point.y-80){
            $("#upAlertShow").hide();
            clearInterval(interval);
        }
    },150);
}

function getElementPos(elementId) {   
 var ua = navigator.userAgent.toLowerCase();   
 var isOpera = (ua.indexOf('opera') != -1);   
 var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof   
 var el = document.getElementById(elementId);   
 if(el.parentNode === null || el.style.display == 'none') {   
  return false;   
 }         
 var parent = null;   
 var pos = [];        
 var box;        
 if(el.getBoundingClientRect)    //IE   
 {            
  box = el.getBoundingClientRect();   
  var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);   
  var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);   
  return {x:box.left + scrollLeft, y:box.top + scrollTop};   
 }else if(document.getBoxObjectFor)    // gecko       
 {   
  box = document.getBoxObjectFor(el);    
  var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;    
  var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;    
  pos = [box.x - borderLeft, box.y - borderTop];   
 } else    // safari & opera       
 {   
  pos = [el.offsetLeft, el.offsetTop];     
  parent = el.offsetParent;        
  if (parent != el) {    
   while (parent) {     
    pos[0] += parent.offsetLeft;    
    pos[1] += parent.offsetTop;    
    parent = parent.offsetParent;   
   }     
  }      
  if (ua.indexOf('opera') != -1 || ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' )) {    
   pos[0] -= document.body.offsetLeft;   
   pos[1] -= document.body.offsetTop;            
  }       
 }                 
 if (el.parentNode) {    
    parent = el.parentNode;   
   } else {   
    parent = null;   
   }   
 while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { // account for any scrolled ancestors   
  pos[0] -= parent.scrollLeft;   
  pos[1] -= parent.scrollTop;   
  if (parent.parentNode) {   
   parent = parent.parentNode;   
  } else {   
   parent = null;   
  }   
 }   
 return {x:pos[0], y:pos[1]};   
}   
